<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        /*
         * 1. vue3的环境是采用nomoroop搭建的里面的包放在packpage下面 里面的包是可以单独引用的 意味着如果只想采用vue3的响应式 也可以单独引用 
         *    而vue2的环境是采用runtime-only搭建的 文件时放在src下面的 里面的包不可以单独引用 
         * 2. vue3的响应式原理是采用proxy 代理的方式 拦截对象中任意属性的变化 包括属性的添加和删除 并且能够响应式的新增属性 并且能够响应式的删除属性 并且能够响应式的修改属性 并且能够响应式的获取属性 并且能够响应式的监听属性 并且能够响应式的监听数组的变化 并且能够响应式的监听对象的增删改查
         *    而vue2的响应式原理是采用Object.defineProperty() 只能监听属性的修改 不能监听属性的添加
         * 3.vue3采用的时组合式api和vue2采用的时选项式api
         * 4.vue3重写了虚拟dom 使得效率大大的提升了
        */
    </script>
</body>
</html>